<template>
  <v-app>
    <Navigation></Navigation>

    <v-app-bar app>
      <!-- -->
      <div>v-app-bar</div>
    </v-app-bar>

    <!-- 根据应用组件来调整你的内容 -->
    <v-main>
      <!-- 给应用提供合适的间距 -->
      <v-container fluid>
        <!-- 如果使用 vue-router -->
        <router-view></router-view>
      </v-container>
    </v-main>

    <v-footer app>
      <!-- -->
      <div>v-footer</div>
    </v-footer>
  </v-app>
</template>
<script>
import Navigation from "@/components/Navigation.vue";
export default {
  components: {
    Navigation: Navigation,
  },
};
</script>
